/*
  学习目标：hooks的三个使用限制
*/
import React, { useState } from 'react';
const isShow = true;
const list = [1, 3];
export default function App() {
  // 1. hooks不能使用在if语句中
  if (isShow) {
    //❌ useState()
  }

  //  2. hooks不能使用在for语句中
  for (let list = 0; list < array.length; list++) {
    //❌ useState()
  }

  const [msg, setMsg] = useState('hello React');
  name();

  return (
    <>
      <button onClick={() => setMsg(msg + '~')}>点我+~</button>
    </>
  );
}

// 非普通函数
// 🔔. 函数式组件: 大写字母开头, 返回JSX 或 null
// 🔔. 自定义hooks: use开头驼峰写法

// 普通函数： 非React函数组件、非use开头的函数，

// 3. hooks不能在普通函数中使用
function name() {
  //❌ useState()
}
